<%
String status = "";
if(request.getSession().getAttribute("status") != null){
	status = (String)request.getSession().getAttribute("status");
}else if(!status.equals("ingelogd")){
	response.sendRedirect("../index.jsp?message=Log+eerst+in+om+verder+te+gaan");
}
String eventID = request.getParameter("eventID");
//session.removeAttribute("status");
%>
<%@page import="model.*"%>
<%@page import="java.util.*"%>
<%@page import="domein.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Incentro Event Inviting System</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" />

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>


<script type='text/javascript'>//<![CDATA[ 
	//Door op add of remove te drukken word een gebruiker toegevoegd of verwijderd van het lijstje.	
	$(window).load(function(){
		$('#toevoegen').click(function() {		
		    return !$('#lijstje1 li :checked').closest('li').appendTo('#lijstje2');
	});
		$('#verwijderen').click(function() {
		    return !$('#lijstje2 li :checked').closest('li').appendTo('#lijstje1');
		});
	});		
	
	$(document).ready(function(){
		//Hier word gezocht. alles wat niet matcht met de zoekopdracht word verwijderd
	    $("#searchField").keyup(function(){
	 
	        // Retrieve the input field text and reset the count to zero
	        var filter = $(this).val(), count = 0;
	 
	        // Loop through the comment list
	        $("#lijstje1 li").each(function(){
	  
	            // If the list item does not contain the text phrase fade it out
	            if ($(this).text().search(new RegExp(filter, "i")) < 0) {
	                $(this).fadeOut();
	 
	            // Show the list item if the phrase matches and increase the count by 1
	            } else {
	                $(this).show();
	                count++;
	            }
	        });
	 
	    });
	});
	$(window).load(function(){
		//Als er op uitnodig gebruikt word word iedereen uitgenodigd die aangevinkt staat. 
		$('#uitnodig').click(function() {
			$('#lijstje2 :checkbox').each(function(){
	     		if( this.checked ) {
		          	var email = $(this).attr('email');
		          	var vn = $(this).attr('vn');
		          	var bedrijf = $(this).attr('bedrijf');
		          	var eventID = $(this).attr('eventID');
						$.post('uUitnodigenActie.jsp', {eventID:eventID, email:email, vn:vn, bedrijf:bedrijf}, function(data){
							$('#print').html(data);
						});
						$(this).fadeOut();						
	     		} 
			});
		});
	});
	
	$(window).load(function(){
		//Testen met meteen ophalen 
		var eventID = $("#checkBoxesUitnodigen  #eventID").val();
						$.post('alle_contacten.jsp', {eventID:eventID,}, function(data){
							$('#lijstje1').html(data);
						});
	    });
	
	
	
		$(window).load(function(){
		//richting uitzoeken en actie ondernemen
		$('#filter1, #filter2, #filter3, #filter4, #filter5').click(function() {
			var eventID = $("#checkBoxesUitnodigen  #eventID").val();

			var fields = $("#checkBoxesUitnodigen :checkbox:checked").serializeArray();
			var BI= "";
			var ECM = "";
			var WCM = "";
			var ES = "";
			var NIEUW = "";
			$.each(fields, function(i, field){
				if(field.value == "BI") 	{	BI = "BI";			}
				if(field.value == "ECM") 	{	ECM = "ECM";	;	}
				if(field.value == "WCM") 	{	WCM = "WCM";		}
				if(field.value == "ES") 	{	ES = "ES";			}
				if(field.value == "NIEUW") 	{	NIEUW = "NIEUW";	}
			    			
			});
			$.post('select_contacten.jsp', {eventID:eventID, BI:BI, ECM:ECM, WCM:WCM, ES:ES, NIEUW:NIEUW}, function(data){
				$('#lijstje1').html(data);
		});
	});
		});
	
	
	
	
	
	
	
	
	
	$(function(){
// Hier word de functie gedefinieerd om alle gebruikers te selecteren.
		// add multiple select / deselect functionality
		$("#selectall").click(function () {
			$('.case').attr('checked', this.checked);
		});

		// if all checkbox are selected, check the selectall checkbox
		// and viceversa
		$(".case").click(function(){

			if($(".case").length == $(".case:checked").length) {
				$("#selectall").attr("checked", "checked");
			} else {
				$("#selectall").removeAttr("checked");
			}

		});
	});
	
	
	
	
	
	//]]>  
	
</script>

</head>

<body>

	<div id="wrapper">

		<div id="header">
			<a href="../eOverzicht.jsp" id="logo"><img src="../img/logo.png" /></a>
		</div>

		<h3>Contactenlijst - uitnodigen</h3>
		
		<div id="search-form">
		
		<a href="../eOverzicht.jsp"><input type="submit" value="Terug" class="terugButton" /></a>
		
			<div id="search-live">
			<input type="text" id="searchField" name="id" placeholder="Search" ></input>
			</div>

		
		<div id="checkBoxesUitnodigen">
				<input name="BI" 	id="filter1" 	value="BI" 		type="checkbox" class="checkBoxStyle"checked> BI</input> 
				<input name="ECM" 	id="filter2"	value="ECM" 	type="checkbox"						checked> ECM</input> 
				<input name="WCM" 	id="filter3"	value="WCM" 	type="checkbox"						checked> WCM</input> 
				<input name="ES" 	id="filter4"	value="ES" 		type="checkbox"						checked> ES</input>
				<input name="NIEUW" id="filter5"	value="NIEUW" 	type="checkbox"						checked> NIEUW</input>
				<input name="eventID" id="eventID" 	value="<% out.print(eventID); %>"		type="hidden" />
			</div>
			<span id="filter-count"></span>
		
		</div>	
		
		 	
			
		<input type="checkbox" id="selectall" /> Alle contacten selecteren
					<div id="laden"></div>
		<div id="uitnodigen">
		
			<ul id="lijstje1"></ul>
			<ul id="lijstje2"></ul>
			
			<input type="submit" value="toevoegen" name="Voeg toe" id="toevoegen"/>
			<input type="submit" value="verwijderen" name="Verwijder" id="verwijderen"/>
			<input type="submit" value="uitnodig" name="Stuur" id="uitnodig" />
			
		</div>
	</div>
	<div id="print"></div>
</html>